﻿ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 30px; /*--Set height of tabs--*/
border-bottom: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
background:#ffffff;
width: 96%;
margin-left:2%;
font-weight:bold;
}

ul.tabs li {
height: 24px; /*--Subtract 1px from the height of the unordered list--*/
line-height: 24px; /*--Vertically aligns the text within the tab--*/
border: 1px solid #e5e5e5;
border-left: none;
margin-bottom: -1px; /*--Pull the list item down 1px--*/
overflow: hidden;
position: relative;
background: #f6f6f6;
font-weight:bold;
padding:6px 12px 0px 12px;
color: #666666;
float: left;
}
ul.tabs li a {
text-decoration: none;
color: #666666;
display: block;
outline: none;
font-weight:normal;
}
ul.tabs li a:hover {
background: ;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
background: #ffffff;
border-bottom: 1px solid #ffffff; /*--Makes the active tab look like it's connected with its content--*/
}

.tabContentBlock{
	width:96%;
	margin-left:2%;
	float:left;
	border:1px solid #e5e5e5;
	border-top:0;
	padding-top:30px;
	padding-bottom:30px;
}
